<input #inputElement type="text" class="nt-has-symbol"
  (focus)="onFocus()" (blur)="onBlur()" (window:resize)="onResize()"
  (keyup)="onSearch($event)"
  [readonly]="!filter" [placeholder]="placeholder" [disabled]="disabled"
  [value]="filter && focused ? '' : triggerValue">
<span class="nt-select-caret" [@fade] *ngIf="!triggerValue || disabled"></span>
<span class="nt-select-clear" (click)="clear()" [@fade] *ngIf="triggerValue && !disabled"></span>
<nt-overlay
  [origin]="origin" trigger="click" position="bottomLeft"
  (afterOpen)="_afterOpen($event)"
  (afterClosed)="_afterClosed($event)"
  (beforeOpen)="_beforeOpen($event)"
  (beforeClosed)="_beforeClosed($event)"
  (positionChange)="_positionChange($event)"
  (keydownEvents)="_handleKeydown($event)">
  <div #paneElement
      class="nt-select-pane"
      [class.folded]="state === 'folded'"
      [style.width.px]="width">
    <ng-content select="nt-option"></ng-content>
    <div class="filter-empty" *ngIf="optionEmpty" (click)="overlay.hide()">
      {{ filterNotFound }}
    </div>
  </div>
</nt-overlay>
